<template>
<div class="Word">
	
	<div id="div1">
		<!-- <input type='button' @click='OpenPDF' value='查看另存的pdf文件'/><br><br> -->
	</div>
  <div style="windth:auto;height:900px" v-html="poHtmlCode" >
  </div>
</div>
</template>

<script>
  import axios from 'axios';
  export default{
    name: 'Word',
    data(){
      return {
        message: ' ',
        poHtmlCode: '',

      }
    },
    created: function(){
      //由于vue中的axios拦截器给请求加token都得是ajax请求，所以这里必须是axios方式去请求后台打开文件的controller
      axios.post("/api/SaveAsPDF/Word").then((response) => {
        this.poHtmlCode = response.data;

      }).catch(function (err) {
        console.log(err)
      })
    },
    methods:{
      //控件中的一些常用方法都在这里调用，比如保存，打印等等
      //保存
	  Save() {
		  pageofficectrl.WebSave();
	  },
	  //另存为PDF文件
	  SaveAsPDF() {
		  pageofficectrl.WebSaveAsPDF();
		  alert("PDF文件已经保存到后端项目static/doc/SaveAsPDF目录下。");
	  },
	   // PageOffice的初始化事件回调函数，您可以在这里添加自定义按钮    
	   OnPageOfficeCtrlInit() {     
        pageofficectrl.AddCustomToolButton("保存", "Save()", 1);
        pageofficectrl.AddCustomToolButton("另存为PDF文件", "SaveAsPDF()", 1);
	   }
    },
    mounted: function(){
      // 将vue中的方法赋值给window
	  window.Save = this.Save;
	  window.SaveAsPDF = this.SaveAsPDF;
	  window.OnPageOfficeCtrlInit=this.OnPageOfficeCtrlInit;
    }
}
</script>
